:root {
  /* white-color */
  --yun-color-white: #fff;
  --yun-color-white-light: rgba(255, 255, 255, 0.65);
  --yun-color-white-light2: rgba(255, 255, 255, 0.35);
  --yun-dark-bg: #001529;
  /* primary-color */
  --yun-color-primary: #1089ff;
  --yun-color-primary-light1: #40a1ff;
  --yun-color-primary-light2: #70b8ff;
  --yun-color-primary-light3: #9fd0ff;
  --yun-color-primary-light4: #cfe7ff;
  --yun-color-primary-light5: #e7f3ff;
  --yun-color-primary-light6: #f3f9ff;
  --yun-color-primary-active: #0e7be6;
  /* success-color */
  --yun-color-success: #52c41a;
  --yun-color-success-light1: #75d048;
  --yun-color-success-light2: #97dc76;
  --yun-color-success-light3: #bae7a3;
  --yun-color-success-light4: #dcf3d1;
  --yun-color-success-light5: #eef9e8;
  --yun-color-success-light6: #f6fcf4;
  --yun-color-success-active: #4ab017;
  /* info-color */
  --yun-color-info: #35495e;
  --yun-color-info-light1: #5d6d7e;
  --yun-color-info-light2: #86929e;
  --yun-color-info-light3: #aeb6bf;
  --yun-color-info-light4: #d7dbdf;
  --yun-color-info-light5: #ebedef;
  --yun-color-info-light6: #f5f6f7;
  --yun-color-info-active: #304255;
  /* warning-color */
  --yun-color-warning: #fa8c16;
  --yun-color-warning-light1: #fba345;
  --yun-color-warning-light2: #fcba73;
  --yun-color-warning-light3: #fdd1a2;
  --yun-color-warning-light4: #fee8d0;
  --yun-color-warning-light5: #fff4e8;
  --yun-color-warning-light6: #fff9f3;
  --yun-color-warning-active: #e17e14;
  /* danger-color */
  --yun-color-danger: #f5222d;
  --yun-color-danger-light1: #f74e57;
  --yun-color-danger-light2: #f97a81;
  --yun-color-danger-light3: #fba7ab;
  --yun-color-danger-light4: #fdd3d5;
  --yun-color-danger-light5: #fee9ea;
  --yun-color-danger-light6: #fff4f5;
  --yun-color-danger-active: #dd1f29;
  /* text-color */
  --yun-color-text-primary: #17233d;
  --yun-color-text-default: #515a6e;
  --yun-color-text-secondary: #808695;
  --yun-color-text-disabled: #c5c8ce;
  --yun-color-text-placeholder: #c0c4cc;
  /* bg-color */
  --yun-color-bg-fa: #fafafa;
  --yun-color-select-hover: #f5f5f5;
  --yun-color-input-shadow: rgba(16, 137, 255, 0.2);
  --yun-color-input-error-shadow: rgba(245, 34, 45, 0.2);
  /* border */
  --yun-border-color-base: #dcdfe6;
  --yun-border-color-light: #f0f0f0;
  --yun-border-base: 1px solid #dcdfe6;
  --yun-border-base-light: 1px solid #f0f0f0;
  --yun-border-table: 1px solid #e8eaec;
  --yun-border-table-color: #e8eaec;
  --yun-border-popper-color: #ebeef5;
  /* radius font-size */
  --yun-border-base-radius: 2px;
  --yun-base-font-size: 14px;
  --yun-header-font-size: 16px;
  /* height */
  --yun-large-height: 36px;
  --yun-large-height-2: 34px;
  --yun-default-height: 32px;
  --yun-default-height-2: 30px;
  --yun-small-height: 28px;
  --yun-small-height-2: 26px;
  --yun-mini-height: 24px;
  --yun-mini-height-2: 22px;
  --yun-base-line-height: 1.5715;
  /* animation-duration */
  --yun-animation-duration-slow: 0.3s;
  --yun-animation-duration-base: 0.2s;
  /* shadow-duration */
  --yun-shadow-down: 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0px rgba(0, 0, 0, 0.08),
    0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --yun-shadow-popper: 0 2px 8px rgba(0, 0, 0, 0.15);
}
